
<style>
    .menu_list {
        width: 100%;
        height: auto;
        padding-top: 10px;

    }
    .menu_head {
        width: 100%;
        height:40px;	
        border-radius: 10px; 
        -webkit-box-shadow: 2px 2px 3px #9DAC1B;
        border: 2px solid #9DAC1B;
        margin-top: 0.4em;
        font-size: 1.4em;
    }
    .manualText{
        margin-top:0.700em;
        margin-left:0.700em;	


    }
    .menu_body {
        display: none;

    }
    .menu_body p {
        font-size: 1.4em;
        margin: 1.2em 1.5em 0 1.5em;
        font-weight: normal;
        line-height:1em;

        width: auto;
        height: auto;        

    }
    .menu_body img {
        display: block;
        padding-left: 20px;          

    }

    tr, td {        
        padding: 0 0 10px 10px;
        font-size: 1.15em;
        line-height:1em;


    }
    table{
        margin: 1.2em 1.3em 0 1.3em;

    }

    .logoutbutton{
        background-image:url('<?php echo base_url('/images/uitloggenbutton.png'); ?>');
        background-color: white;
        background-repeat:no-repeat;
        height:39px;
        width: 128px;
        float:right;
        margin-top:4em;


        border: none;

    }



</style>

<script type="text/javascript">
    <!--//---------------------------------+
    //  Developed by Roshan Bhattarai 
    //  Visit http://roshanbh.com.np for this script and more.
    //  This notice MUST stay intact for legal use
    // --------------------------------->
    $(document).ready(function()
    {
        //slides the element with class "menu_body" when paragraph with class "menu_head" is clicked 
        $("#firstpane div.menu_head").click(function()
        {
            $(this).css({backgroundImage:"url(#)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
            $(this).siblings().css({backgroundImage:"url(#)"});
        });
               
    });
</script>

<h2>handleiding</h2>
<div id="firstpane" class="menu_list">

    <div class="menu_head"><div class="manualText">stap 1 - begroting</div></div>
    <div class="menu_body">
        <p>Selecteer in het openigscherm de gemeente waarvan u de begroting wilt vergelijken en het betreffende jaar.</p>
        <br />
        <img src="<?php echo(base_url('images/h1gemeente.png')); ?>"/>
        <p>Klik op "volgende" om naar stap 2 te gaan</p>
    </div>


    <div class="menu_head"><div class="manualText">stap 2 - selecties</div></div>
    <div class="menu_body">
        <p>In deze stap kunt u gemeenten selecteren waarvan u de begroting wilt vergelijken met de in stap 1 geselecteerde gemeente. Dit kan handmatig door de gewenste gemeente in te voeren als selectie gemeente.</p>
        <br />
        <img src="<?php echo(base_url('images/h2zoeken.png')); ?>"/>
        <p>De app biedt u echter ook de mogelijkheid om geschikte gemeenten te zoeken op sociale structuur, centrumfunctie, provincie en aantal inwoners. </p>
        <br />
        <img src="<?php echo(base_url('images/h2filter.png')); ?>"/>
        <p>Wanneer u het filter heeft ingesteld, klikt u op toon resultaten. U krijgt dan een overzicht en selecteert u de maximaal 3 gewenste gemeentens.</p>
        <p>Klik op "volgende" om naar stap 3 te gaan</p>
    </div>


    <div class="menu_head"><div class="manualText">stap 3 - rapporten</div></div>
    <div class="menu_body">
        <p>In stap 3 kunt u een vergelijkingsrapport inzien met de in stap 1 geslecteerde begroting.</p>
        <p>Klik op "stap 4" boven aan in het beeld om door te gaan naar stap 4</p>
    </div>


    <div class="menu_head"><div class="manualText">stap 4 - download</div></div>
    <div class="menu_body">
        <p>Klik op het PDF icoontje om het vergelijksrapport te downloaden.</p>
        <br />
        <img src="<?php echo(base_url('images/h4pdf.png')); ?>"/>
        <p>U kunt er tevens voor kiezen om het rapport naar uwzelf te mailen </p>
    </div>

    <div class="menu_head"><div class="manualText">begrippenlijst</div></div>

    <div class="menu_body">

        <table>
            <tr><td><b>Selectie gemeenten</b></td><td>Een door de gebruiker zelf aangewezen groep van gemeenten waarmee vergeleken wordt</td></tr>
            <tr><td><b>Sociale structuur</b></td><td>Opbouw van de samenleving in groepen binnen een gemeente. Het rijk deelt gemeenten in op basis van hun sociale structuur.</td></tr>
            <tr><td><b>Centrumfunctie</b></td><td>Het rijk deelt gemeenten tevens in op basis van de mate waarin er sprake is van een centrumfunctie. Heeft de gemeente een grote aantrekkingskracht voor omliggende gemeenten en daarmee een maatschaplijke taak, dan is de centrumunctie groot.</td></tr>
        </table>
    </div>



</div>

<a class="logoutbuttontext" href="<?php echo(base_url("login/logout")); ?>">
    <div class="logoutbutton">

    </div>
</a>

